body,html{
    width: 100%;
    height: 100%;
   
}
img{
    width: 100%;
    height: 100%;
    position:absolute;
}
.biggercontainer{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.container{
    width: 25%;
    height: 80%;
    display: grid;
    position:absolute;
    grid-template-columns: repeat(4,25%);
    grid-template-rows: repeat(7,1fr);
   
    opacity: 50%;
    text-align: right;
    /* line-height: 140px; */
    /* grid-column-gap:5px ;
    grid: row gap 5px; */
    overflow: hidden;
}
div{
    border: 1px #a5a5a5 solid;
    background-color: aqua;
    /* cursor: pointer; */
}
#input{
    background-color: aquamarine;
    grid-column-start: span 4;
    grid-row-start: span 2;
    
}
#special{
    grid-column-start:span 1 ;
}
.num{
    cursor: pointer;
    text-align: center;
    line-height: 70px;
    /* border-radius: 50%; */
}
